<div id="Header" >
    <div id="Logo" ><!--style="display:none" >-->
        <div id="LogoContent" >
            <a href="../view/catalog-main.html"><img src="../../images/logo-topbar.gif" /></a>
        </div>
    </div>
    <!-- 更新，不要改-->
    <div id="Menu" ><!--style="display:none">-->
        <div id="MenuContent" >
            <a href="./cart.html" >
                <img align="middle" name="img_cart" src="../../images/cart.gif" />
            </a>
            <img align="middle" src="../../images/separator.gif" />
            
            <span id="signInSpan">
                <a href="./user-login.html">Sign In</a>
                <img align="middle" src="../../images/separator.gif" />
            </span>

            <span id="signOutSpan">
                <input type="button" value="Sign Out" id="signout_btn">
                <img align="middle" src="../../images/separator.gif" />
            
                <a href="./user-information.html">My Account</a>
                <img align="middle" src="../../images/separator.gif"/>
                <a href="../help.html">?</a>
            </span>
        </div>
    </div>

    <div id="Search">
        <div id="SearchContent">
            <form action="#" method="post">
                <input type="text" id="keyword" size="14" autoComplete="off"/>
                <input type="button" id="searchProducts" value="Search"/>
                <ul id="searchResult"></ul>
            </form>
        </div>
    </div>
    
    <div id="QuickLinks">
        <a href="./catalog-list.html?id=FISH&route=product"><img src="../../images/sm_fish.gif" /></a>
        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=DOGS&route=product"><img src="../../images/sm_dogs.gif" /></a>
        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=REPTILES&route=product"><img src="../../images/sm_reptiles.gif" /></a>
        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=CATS&route=product"><img src="../../images/sm_cats.gif" /></a>
        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=BIRDS&route=product"><img src="../../images/sm_birds.gif" /></a>
    </div>
